<%--
  Created by IntelliJ IDEA.
  User: ASUS
  Date: 2021/8/17
  Time: 9:28
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>-分配评阅人-</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">

    <link rel="stylesheet" href="../layui/css/layui.css" media="all">
    <script src="../layui/layui.js"></script>
    <script src="../js/jquery-3.1.0.js"></script>

    <style>
        body{background-color: #eeeeee;}
        .layui-row{background-color: white;margin: 10px;padding:10px;}
        select{border: 0.5px solid #eeeeee;}
    </style>
</head>
<body>

<div class="layui-layout layui-layout-admin">


        <%--面包屑--%>
        <div class="layui-row">
            <div class="layui-col-lg12">
                <span class="layui-breadcrumb">
                  <a href="http://localhost/admin/admin.jsp">首页</a>
                    <a class="" href="javascript:;">评分管理</a>
                    <a href="http://localhost/admin/reviewersAssign.jsp">分配评阅人</a>
                </span>
            </div>
        </div>

        <%--顶部搜索栏--%>
        <div class="layui-row">
            <div class="layui-col-lg3" style="font-size: 16px;">
                <div class="layui-form-item">
                    <label class="layui-form-label">学号：</label>
                    <div class="layui-input-inline">
                        <input type="text" name="sNO" placeholder="请输入要查询的学生的学号" class="layui-input">
                    </div>
                </div>
            </div>
            <div class="layui-col-lg2">
                <button type="button" class="layui-btn"><i class="layui-icon layui-icon-search" style="font-size: 20px; color: white;"></i>搜索</button>
            </div>
        </div>

        <%--中部操作栏--%>
        <div class="layui-row">
            <button type="button" class="layui-btn" id="reviewersAssign-adds-btn">批量导入</button>
            <button type="button" class="layui-btn">导出</button>
            <button type="button" class="layui-btn" id="reviewersAssign-assigns-btn">批量分配评阅人</button>
            <button type="button" class="layui-btn" id="reviewersAssign-cancels-btn">批量取消分配评阅人</button>
        </div>

        <%--数据表格-选项卡样式--%>
            <div class="layui-row">
                <div class="layui-tab layui-tab-card">
                    <ul class="layui-tab-title">
                        <li class="layui-this">分配评阅教师</li>
                        <li>分配学生</li>
                    </ul>
                    <div class="layui-tab-content" style="height: 700px;">
                        <div class="layui-tab-item layui-show">
                            <table id="reviewersAssign-table" lay-filter="reviewersAssign-table"></table>
                        </div>
                        <div class="layui-tab-item">
                            <table id="studentsAssign-table" lay-filter="studentsAssign-table"></table>
                        </div>
                    </div>
                </div>
            </div>



</div>
</body>
<%--表内工具栏--%>
<script type="text/html" id="reviewersAssignBtn">
    <a class="layui-btn layui-btn-xs" lay-event="reviewersA">分配</a>
</script>
<script type="text/html" id="studentsAssignBtn">
    <a class="layui-btn layui-btn-xs" lay-event="studentsA">分配</a>
</script>
<%--弹出层--学生分配页面表内工具栏--%>
<script type="text/html" id="studentsAssign-chooseBtn">
    <a class="layui-btn layui-btn-xs" id="test-btn" lay-event="studentsSure">分配教师</a>
</script>
<%--弹出层--学生分配页面--%>
<div class="layui-row" id="studentsAssign-assigns-box" style="margin: 20px;width: 900px;height:400px; display: none">
    <form class="layui-form" action="" lay-filter="component-form-group">
        <div class="layui-form-item">
            <div class="layui-input-block">
                <input type="hidden" name="sno" id="sno">
            </div>
        </div>
        <!-- <%--操作记录表--%> -->
        <div class="layui-row">
            <table class="layui-hide" id="reviewer-choose-table" lay-filter="reviewer-choose-table"></table>
        </div>
    </form>
</div>

<%--批量分配弹出层内工具栏--%>
<script type="text/html" id="reviewersAssign-as-Btn">
    <a class="layui-btn layui-btn-xs" lay-event="reviewers-assigns">选择</a>
</script>
<%--弹出层--批量导入页面--%>
<div class="layui-row" id="reviewersAssign-adds-box" style="margin: 20px;width:700px;height:200px;display: none">
    <form class="layui-form" action="" lay-filter="component-form-group">
        <div class="layui-form-item"><label class="layui-form-label">上传文件：</label><div class="layui-btn-container"><button type="button" class="layui-btn layui-btn-normal" id="reviewersAssign-file-choose">选择文件</button><button type="button" class="layui-btn" id="reviewersAssign-file-upload">开始上传</button></div></div>
        <div class="layui-form-item">
            <label class="layui-form-label">下载模板：</label>
            <div class="layui-input-block">
                <input type="text" name="file" placeholder="评阅教师分配导入模板.xls" class="layui-input">
            </div>
        </div>
        <div class="layui-col-lg1 layui-col-lg-offset4">
            <button class="layui-btn" name="reviewersAssign-upload-btn1" id="reviewersAssign-upload-btn1" lay-event="upload">保存</button>
        </div>
        <div class="layui-col-lg1 layui-col-lg-offset1">
            <button class="layui-btn">取消</button>
        </div>
    </form>
</div>
<%--弹出层--批量分配页面--%>
<div class="layui-row" id="reviewersAssign-assigns-box" style="margin: 20px;width: 900px;height:400px; display: none">
        <!-- <%--操作记录表--%> -->
        <div class="layui-row">
            <table class="layui-hide" id="reviewersAssign-assigns-table" lay-filter="reviewersAssign-assigns-table"></table>
        </div>
</div>
<%--弹出层--批量取消分配页面--%>
<div class="layui-row" id="reviewersAssign-cancels-box" style="margin: 20px; width:360px;height: 200px; display: none">
    <div class="layui-row">
        <p>如果确认取消分配后，当前学生与评阅教师的关系将会被清除，请谨慎操作！</p>
    </div>
    <div class ="layui-row" style="text-align: right">
        <div>
            <p style="font-size: 14px;">已选择<span  style="color: red;" id="titleStudent-del-count">1</span>条</p>
        </div>
    </div>
    <div class="layui-row">
        <div class="layui-col-lg4 layui-col-lg-offset8">
            <button class="layui-btn layui-btn-sm">确定</button>
            <button class="layui-btn layui-btn-sm">取消</button>
        </div>
    </div>
</div>


<script src="js/reviewersAssign.js"></script>
</html>
